<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>人力资源服务机构登记信息名录</title>
	<link rel="stylesheet" href="./common/styles/common.css">
	<style>
		/* html,
		body {
			background-color: #ffffff;
		} */
		input,
		button {
			-webkit-appearance: none;
			outline: none;
			border-radius: 0;
		}

		.w_header {
			width: 100%;
			height: 3rem;
			line-height: 3rem;
			background-color: #1c5ec3;
			color: #fff;
			font-size: 1rem;
			font-weight: normal;
			text-align: center;
		}

		.w_header a {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
			font-family: '宋体';
			font-size: 1.4rem;
			color: #ffffff;
			width: 2rem;
			height: 3rem;
			text-align: center;
			margin-left: 0.5rem;
		}

		.w_search {
			width: 90%;
			margin: 1rem auto 1.2rem;
		}

		.w_search .w_search_input {
			color: #999999;
			font-size: 0.8rem;
			text-indent: 1em;
			width: 80%;
			height: 2rem;
			padding:0.5rem 0;
			border: 1px solid #cccccc;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			vertical-align: top;
		}

		.w_search button {
			font-size: 0.8rem;
			padding: 0;
			width: 20%;
			height: 2rem;
			line-height: 2rem;
			text-align: center;
			border: 1px solid #cccccc;
			border-left: 0;
			background-color: #e0dddd;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

		.w_detail_list {
			/* background-color: #ffffff; */
		}

		.w_detail_list .w_detail_item {
			width: 95%;
			padding: 0.5rem;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			background-color: #ffffff;
			margin: 0.5rem auto;
			border-radius: 0.2rem;
		}

		.w_detail_list .w_detail_item p {
			margin: 0.5rem 0;
			font-size: 0.8rem;
			color: #676767;
			line-height: 1.2rem;
		}

		.input_form {
			display: block;
			width: 100%;
			position: relative;
			height: 2rem;
		}

		.error_info {
			position: absolute;
			top: 2.2rem;
			left: 0;
			z-index: 2;
			font-size: 0.6rem;
			color: #fe9674;
		}
	</style>
</head>

<body>
	<div class="w_header clearfix">
		<a class="w_back" href="./jgml.html"><</a>
				机构查询
	</div>
	<div class="w_con">
		<div class="w_search clearfix">
			<form name="input_form" msgtype="2" validate="blur" class="input_form">
				<input class="w_search_input left" type="text" id="rs" placeholder="请输入机构名称" valiflag="50,full,机构名称">
				<button class="left J_btn1">搜索</button>
			</form>
		</div>
		<div class="w_detail_list" id="J_area">
			<script type="text/html" id="J_item">
				<%var _data = data.data%>
			<div class="w_detail_item">
				<!-- 机构名称 -->
				<p><%=_data.jgmc%></p>
				<!-- 许可文号 -->
				<p>许可证编号：<%=_data.bh%></p>
				<p>许可文号：<%=_data.babh%></p>
				<p>许可业务事项：<%=_data.baywsx%></p>
			</div>
			<div class="w_detail_item">
					<!-- 服务电话 -->
					<p>服务电话：<%=_data.gkfwdh%></p>
					<!-- 详细地址： -->
					<p>详细地址：<%=_data.dz%></p>
				</div>
			<div class="w_detail_item">
				<p>服务范围：<%=_data.fwfw%></p>
			</div>
			<div class="w_detail_item">
					<p>许可决定日期：<%=_data.xkjdrq%></p>
				<p>批准许可机关名称：<%=_data.pzxkjgmc%></p>
			</div>
		</script>
		</div>
	</div>
</body>
<script src="./common/js/vendor.js"></script>
<script src="./common/js/common.js"></script>
<script src="./common/js/validator.js"></script>
<script>
	$(function () {
		function getRem(pwidth, prem) {
			var html = document.getElementsByTagName('html')[0];
			var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
			html.style.fontSize = oWidth / pwidth * prem + 'px';
		}
		$(window).resize(function () {
			getRem(1920, 100);
		});
		getRem(1920, 100);
		$(document).on('click', '.J_btn1', function () {
			if (!validate('input_form')) {
				return false;
			}else{
				var inval = $('.w_search_input').val();
				window.location.href = "./jgml.html?inval=" + inval;
			};
			return false;
		})
		var bh = $.paramObj().bh;
		getdata();
		function getdata() {
			$.asyncRender({
				url: '/jgml/rlzyxxxx',
				type: 'get',
				wrap: '#J_area',
				tem: '#J_item',
				pos: 'returnData',
				data: {
					bh: bh,
					pageSize: 0,
					pageNum: 0
				}
			}).always(function () {
			}).done(function (res) {
				var data = res.returnData;
				if (+data.executeResult === 1) {
				} else {
					$.layerMsg(data.message, '我知道了', function () {
					});
				}
			})
		}
	});
</script>

</html>
